import { createRouter, createWebHashHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'
import Json from '../views/components/JSON/JSON.vue'
const router = createRouter({
  history: createWebHashHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      component: HomeView,
    }, {
      path: '/json',
      name: 'json',
      component: Json,
    }, {
      path: '/base',
      name: 'base',
      component: () => import('@/views/components/baseCom/baseCom.vue'),
    }, {
      path: '/date',
      name: 'date',
      component: () => import('@/views/components/Date/Date.vue'),
    }, {
      path: '/regular',
      name: 'regular',
      component: () => import('@/views/components/regular/regular.vue'),
    }, {
      path: '/md',
      name: 'md',
      component: () => import('@/views/components/MD5/MD5.vue'),
    }, {
      path: '/qrcode',
      name: 'QRCode',
      component: () => import('@/views/components/QRCode/QRCode.vue'),
    }, {
      path: '/sql',
      name: 'sql',
      component: () => import('@/views/components/SQL/sql.vue'),
    }, {
      path: '/html',
      name: 'html',
      component: () => import('@/views/components/html/html.vue'),
    }, {
      path: '/sqlFormatting',
      name: 'sqlFormatting',
      component: () => import('@/views/components/sqlFormatting/sqlFormatting.vue'),
    }, {
      path: '/sha',
      name: 'sha',
      component: () => import('@/views/components/SHA/SHA.vue'),
    }, {
      path: '/imgcompress',
      name: 'imgcompress',

      component: () => import('@/views/components/imgCompress/imgCompress.vue'),
    }, {
      path: '/css',
      name: 'css',
      component: () => import('@/views/components/css/css.vue'),
    }, {
      path: '/ipsearch',
      name: 'IPSearch',
      component: () => import('@/views/components/IPSearch/IPSearch.vue'),
    }, {
      path: '/url',
      name: 'url',
      component: () => import('@/views/components/url/url.vue'),
    }, {
      path: '/color',
      name: 'color',
      component: () => import('@/views/components/color/color.vue'),
    }, {
      path: '/video',
      name: 'video',
      component: () => import('@/views/components/video/video.vue'),
    }, {
      path: '/videImg',
      name: 'videImg',
      component: () => import('@/views/components/videImg/videImg.vue'),
    }, {
      path: '/login',
      name: 'login',
      component: () => import('@/views/login.vue'),
    }, {
      path: '/sqlbin',
      name: 'sqlBin',
      component: () => import('@/views/components/sqlBin/index.vue'),
    }, {
      path: '/josnex',
      name: 'JosnEx',
      component: () => import('@/views/components/JosnEx/index.vue'),
    }, {
      path: '/videImg',
      name: 'videImg',
      component: () => import('@/views/components/videImg/videImg.vue'),
    }, {
      path: '/tellurion',
      name: 'tellurion',
      component: () => import('@/views/components/tellurion/index.vue'),
    }, {
      path: '/lottery',
      name: 'lottery',
      component: () => import('@/views/components/lottery/index.vue'),
    }, {
      path: '/watermark',
      name: 'watermark',
      component: () => import('@/views/components/watermark/index.vue'),
    }, {
      path: '/bmi',
      name: 'bmi',
      component: () => import('@/views/components/BMI/index.vue'),
    }, {
      path: '/housingMortgage',
      name: 'housingMortgage',
      component: () => import('@/views/components/housingMortgage/index.vue'),
    },
  ],
})

export default router
